<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 戴金睿
  Date: 2022/11/20
  Time: 16:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>EShopManager</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/lib/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/stylesheets/theme.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/lib/font-awesome/css/font-awesome.css" />
    <script src="${pageContext.request.contextPath}/static/lib/jquery-1.7.2.min.js" type="text/javascript"></script>

    <!-- Demo page code -->

    <style type="text/css">
        #line-chart {
            height: 300px;
            width: 800px;
            margin: 0px auto;
            margin-top: 1em;
        }

        .brand {
            font-family: georgia, serif;
        }

        .brand .first {
            color: #ccc;
            font-style: italic;
        }

        .brand .second {
            color: #fff;
            font-weight: bold;
        }
    </style>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]-->
<%--    <script src="lib/html5.js"></script>--%>
    <!--[endif]-->

</head>

<!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
<!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
<!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body class="">
<!--<![endif]-->

<c:import url="top.jsp"></c:import>

<c:import url="left.jsp"></c:import>

<div class="content">
    <div class="header">
        <div class="stats">
            <p class="stat">
                <span class="number">05</span>日
            </p>
            <p class="stat">
                <span class="number">12</span>月
            </p>
            <p class="stat">
                <span class="number">2021</span>年
            </p>
        </div>

        <h1 class="page-title">首页</h1>
    </div>

    <ul class="breadcrumb">
        <li class="active">首页</li>
    </ul>

    <div class="container-fluid">
        <div class="row-fluid">

            <div class="block">
                <a href="#page-stats" class="block-heading" data-toggle="collapse">统计数据</a>
                <div id="page-stats" class="block-body collapse in">

                    <div class="stat-widget-container">
                        <div class="stat-widget">
                            <div class="stat-button">
                                <p class="title">10</p>
                                <a href="accounts/query.action">
                                    <p class="detail">用户数</p>
                                </a>
                            </div>
                        </div>

                        <div class="stat-widget">
                            <div class="stat-button">
                                <p class="title">$0.0</p>
                                <p class="detail">营业额</p>
                            </div>
                        </div>

                        <div class="stat-widget">
                            <div class="stat-button">
                                <p class="title">0</p>
                                <p class="detail">在线用户数</p>
                            </div>
                        </div>

                        <div class="stat-widget">
                            <div class="stat-button">
                                <p class="title">57</p>
                                <p class="detail">pv</p>
                            </div>
                        </div>



                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">

            <div class="block">
                <a href="#page-order-stats" class="block-heading" data-toggle="collapse">订单统计信息</a>
                <div id="page-order-stats" class="block-body collapse in">

                    <div class="stat-widget-container">
                        <div class="stat-widget">
                            <div class="stat-button">
                                <p class="title"><font color="orange">0</font></p>
                                <a href="orders/query.action?type=1">
                                    <p class="detail">待发货订单</p>
                                </a>
                            </div>
                        </div>

                        <div class="stat-widget">
                            <div class="stat-button">
                                <p class="title">7</p>
                                <a href="orders/query.action?type=2">
                                    <p class="detail">待付款订单</p>
                                </a>
                            </div>
                        </div>

                        <div class="stat-widget">
                            <div class="stat-button">
                                <p class="title">0</p>
                                <a href="orders/query.action?type=3">
                                    <p class="detail">已完成订单</p>
                                </a>
                            </div>
                        </div>

                        <div class="stat-widget">
                            <div class="stat-button">
                                <p class="title">0</p>
                                <a href="orders/query.action?type=4">
                                    <p class="detail">已取消订单</p>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="block span6">
                <a href="#tablewidget" class="block-heading"
                   data-toggle="collapse">用户统计

                    <span class="label label-warning">+1</span>

                </a>
                <div id="tablewidget" class="block-body collapse in">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>用户名</th>
                            <th>邮箱</th>
                            <th>性别</th>
                            <th>状态</th>
                        </tr>
                        </thead>
                        <tbody>

                        <tr>
                            <td>scott</td>
                            <td>scott</td>
                            <td>男</td>
                            <td>未激活</td>
                        </tr>

                        <tr>
                            <td>777</td>
                            <td>777</td>
                            <td>女</td>
                            <td>未激活</td>
                        </tr>

                        <tr>
                            <td>666</td>
                            <td>666</td>
                            <td>女</td>
                            <td>未激活</td>
                        </tr>

                        <tr>
                            <td>555</td>
                            <td>555</td>
                            <td>女</td>
                            <td>未激活</td>
                        </tr>

                        <tr>
                            <td>jack</td>
                            <td>jack@163.com</td>
                            <td>女</td>
                            <td>未激活</td>
                        </tr>

                        </tbody>
                    </table>
                    <p>
                        <a href="accounts/query.action">More...</a>
                    </p>
                </div>
            </div>
            <div class="block span6">
                <a href="#tablePV" class="block-heading" data-toggle="collapse">ip统计

                </a>
                <div id="tablePV" class="block-body collapse in">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>ip地址</th>
                            <th>访问次数</th>
                        </tr>
                        </thead>
                        <tbody>

                        <tr>
                            <td>127.0.0.1</td>
                            <td>1132</td>
                        </tr>

                        <tr>
                            <td>0.0.0.0</td>
                            <td>100</td>
                        </tr>

                        <tr>
                            <td>0:0:0:0:0:0:0:1</td>
                            <td>2</td>
                        </tr>

                        <tr>
                            <td>172.16.8.54</td>
                            <td>2</td>
                        </tr>

                        </tbody>
                    </table>
                    <p>
                        <a href="iplist.action">More...</a>
                    </p>
                </div>
            </div>
        </div>




<c:import url="footer.jsp"></c:import>
    </div>
</div>


</body>
</html>